<template>
  <div class="app-container">
    <!--工具栏-->
    <Search :crud="crud">
      <el-form-item label="日期">
        <el-date-picker
          v-model="query.attDate"
          type="month"
          placeholder="请选择日期"
          value-format="yyyy[M]MM"
        >
        </el-date-picker>
      </el-form-item>
    </Search>
    <el-card>
      <el-table
        ref="table"
        border
        v-loading="crud.loading"
        :data="crud.data"
        style="width: 100%"
        @selection-change="crud.selectionChangeHandler"
      >
        <el-table-column
          type="selection"
          width="55"
          align="center"
          fixed="left"
        />
        <el-table-column label="序号" type="index" width="50" align="center" />
        <el-table-column
          prop="realName"
          label="推荐人姓名"
          align="center"
          width="100"
        />
        <el-table-column
          prop="employeeId"
          label="推荐人工号"
          align="center"
          width="100"
        />
        <el-table-column
          prop="empDeptFullName"
          label="推荐人部门"
          align="center"
          :minWidth="200"
        />
        <el-table-column
          prop="empCorp"
          label="推荐人法人公司"
          align="center"
          width="120"
        />
        <el-table-column
          prop="empWorkCity"
          label="推荐人办公地点"
          align="center"
          width="140"
        />
        <el-table-column
          prop="reasonsIncrease"
          label="推荐类型"
          align="center"
        />
        <el-table-column prop="ruleSettings" label="推荐奖励" align="center" />
        <el-table-column prop="dateMoth" label="核算月份" align="center" />
        <el-table-column
          prop="empeName"
          label="被推荐姓名"
          align="center"
          width="120"
        />
        <el-table-column
          prop="empeEmployeeId"
          label="被推荐人工号"
          align="center"
          width="120"
        />
        <el-table-column
          prop="empEmpDeptFullName"
          label="被推荐人部门"
          width="150"
          align="center"
        />
        <el-table-column prop="entryTime" label="入职时间" align="center" />
        <el-table-column
          prop="attendanceDays"
          label="出勤天数"
          align="center"
        />
      </el-table>
      <!--分页组件-->
      <pagination />
    </el-card>
  </div>
</template>

<script>
import CRUD, { presenter, header, crud } from '@crud/crud'
import crudOperation from '@crud/CRUD.operation'
import pagination from '@crud/Pagination'
import udOperation from '@crud/UD.operation'
import Search from '@/components/Search'
export default {
  name: 'recruitmentRewardsInfo',
  components: {
    crudOperation,
    pagination,
    udOperation,
    Search,
  },
  cruds() {
    return CRUD({
      title: '招聘奖励明细',
      url: '/mealCompensationPoints/signboardReward',
      requestMethod: 'post',
      sort: ['id,desc'],
    })
  },
  mixins: [presenter(), header(), crud()],
}
</script>

<style rel="stylesheet/scss" lang="scss" scoped>
::v-deep .el-input-number .el-input__inner {
  text-align: left;
}
.item {
  margin-top: 10px;
  margin-right: 10px;
}
</style>

